import React, { Component } from 'react'
// 事件的定义
// 方式一： 直接在render函数内写 行内的箭头函数 --- jsx代码中写行内箭头函数
// 方式二： 在组件内使用箭头函数定义一个方法
export default class App extends Component {
  state = {
    count: 10
  }
  clickHandler = (e) => {
    // 可以在此处直接使用 this，箭头函数的this指向
    this.setState(({count}) => ({
      count: count + 20
    }))
  }
  render() {
    return (
      <div>
        <button onClick ={ this.clickHandler }>加</button>{ this.state.count }
      </div>
    )
  }
}
